<script setup lang="ts">
const props = defineProps(['modelValue'])
const emits = defineEmits(['update:modelValue'])
const handler = () => {
  emits('update:modelValue', props.modelValue + 100)
}
</script>

<template>
  <div class="child">
    <h3>money{{ modelValue }}</h3>
    <button @click="handler"></button>
  </div>
</template>

<style scoped>
.child {
  width: 600px;
  height: 300px;
  background: skyblue;
}
button {
  width: 50px;
  height: 50px;
}
</style>
